<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title></title>
	<style type="text/css">
		#txt {
			width: 200px;
			height: 100px;
			background-color: #DDDDDD;
		}

		#dv {
			width: 200px;
			height: 200px;
			background-color: #DBF0FF;
		}
	</style>
</head>

<body>
	<h4>你的评论：</h4>
	<textarea id="txt"></textarea>
	<br />
	<input type="button" id="btn" value="评论" />
	<h4>你的留言：</h4>
	<div id="dv"></div>
	<script type="text/javascript">
		//通过id获得结点，写成一个方法
		var j = function (id) {
			return document.getElementById(id);
		};
		//页面加载时

		onload = function () {
			console.log("test");
			var btn = j("btn"); //获得btn
			btn.onclick = function () { //单击btn时
				//todo
				var a = j("txt");//获取引用
				var c = j("dv");//
				var txt=document.createTextNode(a.value);//声明一段文字
				c.appendChild(txt);

			}
		}
	</script>
</body>

</html>